<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<style type="text/css">
        .hi{
            border:1px black solid;
        }
</style>
</head>
<body>
<h3>请输入表单</h3>
<table id="formtable">
	<tr><td>姓名</td><td><input type="text" id="name"></td></tr>
	<tr><td>年龄</td><td><input type="number" id="age"></td></tr>
	<tr><td>工资</td><td><input type="number" id="sal"></td></tr>
	<tr><td>性别</td><td><input type="radio" value = true name ="sex" >男
	<input type="radio" value = false  name ="sex">女</td></tr>
	<tr><td>生日</td><td><input type="date" id="birth"></td></tr>
	<tr><td><button id = "add" class="btn btn-default">确定</button></td></tr>
</table>
<table id="listtable" >
</table>

<!-- 模态框 -->
<div class="modal fade" id="updateModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Update Customer</h4>
      </div>
      <div class="modal-body">
        <table class="table" id="processMer">
            <tr>
                <td>ID：</td>
                <td>
                <div class="col-sm-10">
                 <input type="text" class="form-control" name="mmId" disabled="disabled"/>
                </div>
                </td>
            </tr>
            <tr>
                <td>Name：</td>
                <td><div class="col-sm-10"><input type="text" class="form-control" name="nname"/></div></td>
            </tr>
            <tr>
                <td>Sex：</td>
                <td><div class="col-sm-10">
                <input type="radio" id="male" name="ssex" value="true"/>男
                <input type="radio" id="female" name="ssex" value="false"/>女
                </div></td>
            </tr>
             <tr>
                <td>Sal：</td>
                <td><div class="col-sm-10"><input type="text" class="form-control" name="ssal"/></div></td>
            </tr>
            <tr>
                <td>Birth：</td>
                <td><div class="col-sm-10"><input type="date" class="form-control" name="bbirth"/></div></td>
            </tr>
        </table>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary" id="updateBtn" data-dismiss="modal">Submit</button>
      </div>
    </div>
  </div>
</div>


</body>
<script  type="text/javascript" src="js/timeUtil.js"></script>
<script  type="text/javascript" src="js/showList.js"></script>
<script  type="text/javascript" src="js/add.js"></script>
<script  type="text/javascript" src="js/home.js"></script>
</html>